<!-- 打单统计 -->
<template>
  <div class="order-statistics">
    <!-- 查询 -->
    <el-row :gutter="15">
      <el-col :span="24">
        <el-form :label-width="labelWidth" :model="formData" size="mini" :inline="true" class="demo-form-inline">
          <el-form-item label="打单时间">
            <el-date-picker size="mini" v-model="formData.sss" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
          </el-form-item>
          <el-form-item label="车队名称">
            <el-input v-model="formData.sss"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" size="mini">查询</el-button>
            <el-button size="mini">清空</el-button>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <!-- 表格 -->
    <el-table border :data="tableData" height="600px" style="width: 100%">
      <el-table-column align="center" label="车队/日期">
        <template slot-scope="scope">{{scope.row.state}}</template>
      </el-table-column>
      <el-table-column align="center" label="合计">
        <template slot-scope="scope">{{scope.row.state}}</template>
      </el-table-column>
      <el-table-column align="center" label="2018-06-09">
        <template slot-scope="scope">{{scope.row.state}}</template>
      </el-table-column>
      <el-table-column align="center" label="2018-06-10">
        <template slot-scope="scope">{{scope.row.state}}</template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data () {
    return {
      labelWidth: '80px',
      tableData: [],
      formData: {}
    }
  }
}
</script>

<style lang="less">
</style>
